
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>YUI Library Examples: Plugin.ConsoleFilters: Using the ConsoleFilters plugin</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    	<link rel="stylesheet" type="text/css" href="../../assets/yui.css" >

<style>
    /*Supplemental CSS for the YUI distribution*/
    #custom-doc { width: 95%; min-width: 950px; }
    #pagetitle {background-image: url(../../assets/bg_hd.gif);}
/*    #pagetitle h1 {background-image: url(../../assets/title_h_bg.gif);}*/
</style>

<link rel="stylesheet" type="text/css" href="../../assets/dpSyntaxHighlighter.css">
<link type="text/css" rel="stylesheet" href="../../build/cssfonts/fonts-min.css" />
<script type="text/javascript" src="../../build/yui/yui-debug.js"></script>
<style type="text/css">
#yconsole {
    margin: 0 auto 1em;
}

#demo .yui3-console .yui3-console-title {
    border: 0 none;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    text-transform: none;
}
#demo .yui3-console .yui3-console-entry-meta {
    margin: 0;
}
</style>

</head>
<body id="yahoo-com" class="yui3-skin-sam  yui-skin-sam">
<div id="custom-doc" class="yui-t2">
<div id="hd">
	<div id="ygunav">
		<p>
            <em>
                <a href="http://developer.yahoo.com/yui/3/">YUI 3.x Home</a> <i> - </i>	
            </em>
		</p>
		<form action="http://search.yahoo.com/search" id="sitesearchform">
            <input name="vs" type="hidden" value="developer.yahoo.com">
            <input name="vs" type="hidden" value="yuiblog.com">
		    <div id="sitesearch">
		    	<label for="searchinput">Site Search (YDN &amp; YUIBlog): </label>
			    <input type="text" id="searchinput" name="p">
			    <input type="submit" value="Search" id="searchsubmit" class="ygbt">
		    </div>
		</form>
    </div>
	<div id="ygma"><a href="../../"><img src="../../assets/logo.gif"  border="0" width="200" height="93"></a></div>
	<div id="pagetitle"><h1>YUI Library Examples: Plugin.ConsoleFilters: Using the ConsoleFilters plugin</h1></div>
</div>
<div id="bd">


	<div id="yui-main">
		<div class="yui-b">
		  <div class="yui-ge">
			  <div class="yui-u first example" id="main">

	<h2>Plugin.ConsoleFilters: Using the ConsoleFilters plugin</h2>

	<div id="example" class="promo">
	<div class="example-intro">
	<p>This example illustrates how to use and configure the ConsoleFilters plugin for Console.  The debug versions of YUI module files are used, so standard YUI debugging messages are broadcast to the Console.</p>

<p>Use the checkboxes in the Console footer to control which messages are displayed or hidden.  Click the &quot;Log a message&quot; button to call <code>Y.log</code> using a custom category and source.</p>

<p>Note how new filter checkboxes are added when a new category or source are received by the Console, for example when clicking on the &quot;Log a message&quot; button.</p>
	</div>	

	<div class="module example-container ">
			<div class="hd exampleHd">
			<p class="newWindowButton yui-skin-sam">
                <a href="console-filters_intro_clean.html" target="_blank">View example in new window.</a>
            </p>
		</div>		<div id="example-canvas" class="bd">

		
	<!--BEGIN SOURCE CODE FOR EXAMPLE =============================== -->
	
	<div id="demo">
    <div id="yconsole"></div>
    <button id="log" type="button">Log a message</button>
    <button id="toggle_info" type="button">Hide info messages</button>
</div>
<script type="text/javascript">
// Create a YUI instance and request the console module and its dependencies
YUI({filter:"debug", logInclude: {event:true, attribute:true, node:true, base:true, widget:true, MyApp:true}}).use("console", "console-filters", function (Y) {

// create the console instance
var yconsole = new Y.Console({
    boundingBox: '#yconsole',
    height: '400px',
    width: '450px',
    newestOnTop: false,
    style: 'block',
    plugins: [ Y.Plugin.ConsoleFilters ]
}).render();

// unknown categories and sources are allowed.
yconsole.filter.hideCategory('error');

// hide and show methods support N arguments.
yconsole.filter.hideSource('attribute','widget');

/* Alternately
var yconsole = new Y.Console({
    boundingBox: '#console',
    height: '400px',
    width: '450px',
    style: 'block',
    newestOnTop: false
}).plug(Y.Plugin.ConsoleFilters, {
    category: {
        error: false
    },
    source: {
        attribute: false,
        widget: false
    }
}).render();
*/

// Broadcast a log message from a button that uses a custom category and source
Y.on('click', function () {
    Y.log('Logging a message to the Console','my_stuff','MyApp');
},'#log');

// It is also possible to set the filter's subattributes directly
Y.on('click', function () {
    var current = yconsole.filter.get('category.info');

    yconsole.filter.set('category.info', !current);

    this.set('text', (current ? 'Show' : 'Hide') + ' info messages');
},'#toggle_info');

});
</script>
	
	<!--END SOURCE CODE FOR EXAMPLE =============================== -->
	
		
		</div>
	</div>			
	</div>
		
	<h3 class="first">Configure the YUI instance for debug mode</h3>
<p>Only the <code><em>module</em>-debug.js</code> versions of module files include log statements, so we'll set up our YUI instance's <code>filter</code> property to &quot;debug&quot;.  We'll also reduce the noise somewhat by specifying a <code>logInclude</code> list.</p>
<div id="syntax-b968ed0eb783b67ddf316e1ce1138103" class="yui-syntax-highlight"><div class="numbers"><pre class="javascript" style="font-family:monospace;"><ol><li class="li1"><div class="de1">YUI<span class="br0">&#40;</span><span class="br0">&#123;</span> </div></li><li class="li1"><div class="de1">    base<span class="sy0">:</span> <span class="st0">'../../build/'</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">    filter<span class="sy0">:</span> <span class="st0">'debug'</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">    logInclude<span class="sy0">:</span> <span class="br0">&#123;</span></div></li><li class="li2"><div class="de2">        event<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">        attribute<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">        base<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">        widget<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">        node<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span></div></li><li class="li2"><div class="de2">        MyApp<span class="sy0">:</span> <span class="kw2">true</span>  <span class="co1">// This must be included for the custom source message</span></div></li><li class="li1"><div class="de1">    <span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">    timeout<span class="sy0">:</span> <span class="nu0">10000</span></div></li><li class="li1"><div class="de1"><span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="kw2">use</span><span class="br0">&#40;</span><span class="st0">&quot;console-filters&quot;</span><span class="sy0">,</span> <span class="kw2">function</span> <span class="br0">&#40;</span>Y<span class="br0">&#41;</span> <span class="br0">&#123;</span> ... <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li></ol></pre></div><div class="nonumbers"><pre class="javascript" style="font-family:monospace;">YUI<span class="br0">&#40;</span><span class="br0">&#123;</span> 
    base<span class="sy0">:</span> <span class="st0">'../../build/'</span><span class="sy0">,</span>
    filter<span class="sy0">:</span> <span class="st0">'debug'</span><span class="sy0">,</span>
    logInclude<span class="sy0">:</span> <span class="br0">&#123;</span>
        event<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span>
        attribute<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span>
        base<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span>
        widget<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span>
        node<span class="sy0">:</span> <span class="kw2">true</span><span class="sy0">,</span>
        MyApp<span class="sy0">:</span> <span class="kw2">true</span>  <span class="co1">// This must be included for the custom source message</span>
    <span class="br0">&#125;</span><span class="sy0">,</span>
    timeout<span class="sy0">:</span> <span class="nu0">10000</span>
<span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="kw2">use</span><span class="br0">&#40;</span><span class="st0">&quot;console-filters&quot;</span><span class="sy0">,</span> <span class="kw2">function</span> <span class="br0">&#40;</span>Y<span class="br0">&#41;</span> <span class="br0">&#123;</span> ... <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span></pre></div><textarea id="syntax-b968ed0eb783b67ddf316e1ce1138103-plain">YUI({ 
    base: '../../build/',
    filter: 'debug',
    logInclude: {
        event: true,
        attribute: true,
        base: true,
        widget: true,
        node: true,
        MyApp: true  // This must be included for the custom source message
    },
    timeout: 10000
}).use("console-filters", function (Y) { ... });</textarea></div>
<h3>Create the Console and plug in ConsoleFilters</h3>
<p>All that's left to do now is plugin in the ConsoleFilters plugin.  This can be done in one of a few ways.</p>
<div id="syntax-6f9473dfd92d7a2dd6a4c870882a836f" class="yui-syntax-highlight"><div class="numbers"><pre class="javascript" style="font-family:monospace;"><ol><li class="li1"><div class="de1"><span class="co1">// create the console instance</span></div></li><li class="li1"><div class="de1"><span class="kw2">var</span> yconsole <span class="sy0">=</span> <span class="kw2">new</span> Y.<span class="me1">Console</span><span class="br0">&#40;</span><span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">    boundingBox<span class="sy0">:</span> <span class="st0">'#console'</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">    height<span class="sy0">:</span> <span class="st0">'400px'</span><span class="sy0">,</span></div></li><li class="li2"><div class="de2">    width<span class="sy0">:</span> <span class="st0">'450px'</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">    newestOnTop<span class="sy0">:</span> <span class="kw2">false</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">    plugins<span class="sy0">:</span> <span class="br0">&#91;</span> Y.<span class="me1">Plugin</span>.<span class="me1">ConsoleFilters</span> <span class="br0">&#93;</span></div></li><li class="li1"><div class="de1"><span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="me1">render</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li2"><div class="de2"><span class="co1">// unknown categories and sources are allowed.</span></div></li><li class="li1"><div class="de1">yconsole.<span class="me1">filter</span>.<span class="me1">hideCategory</span><span class="br0">&#40;</span><span class="st0">'error'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li1"><div class="de1"><span class="co1">// hide and show methods support N arguments.</span></div></li><li class="li1"><div class="de1">yconsole.<span class="me1">filter</span>.<span class="me1">hideSource</span><span class="br0">&#40;</span><span class="st0">'attribute'</span><span class="sy0">,</span><span class="st0">'widget'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li></ol></pre></div><div class="nonumbers"><pre class="javascript" style="font-family:monospace;"><span class="co1">// create the console instance</span>
<span class="kw2">var</span> yconsole <span class="sy0">=</span> <span class="kw2">new</span> Y.<span class="me1">Console</span><span class="br0">&#40;</span><span class="br0">&#123;</span>
    boundingBox<span class="sy0">:</span> <span class="st0">'#console'</span><span class="sy0">,</span>
    height<span class="sy0">:</span> <span class="st0">'400px'</span><span class="sy0">,</span>
    width<span class="sy0">:</span> <span class="st0">'450px'</span><span class="sy0">,</span>
    newestOnTop<span class="sy0">:</span> <span class="kw2">false</span><span class="sy0">,</span>
    plugins<span class="sy0">:</span> <span class="br0">&#91;</span> Y.<span class="me1">Plugin</span>.<span class="me1">ConsoleFilters</span> <span class="br0">&#93;</span>
<span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="me1">render</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp;
<span class="co1">// unknown categories and sources are allowed.</span>
yconsole.<span class="me1">filter</span>.<span class="me1">hideCategory</span><span class="br0">&#40;</span><span class="st0">'error'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp;
<span class="co1">// hide and show methods support N arguments.</span>
yconsole.<span class="me1">filter</span>.<span class="me1">hideSource</span><span class="br0">&#40;</span><span class="st0">'attribute'</span><span class="sy0">,</span><span class="st0">'widget'</span><span class="br0">&#41;</span><span class="sy0">;</span></pre></div><textarea id="syntax-6f9473dfd92d7a2dd6a4c870882a836f-plain">// create the console instance
var yconsole = new Y.Console({
    boundingBox: '#console',
    height: '400px',
    width: '450px',
    newestOnTop: false,
    plugins: [ Y.Plugin.ConsoleFilters ]
}).render();

// unknown categories and sources are allowed.
yconsole.filter.hideCategory('error');

// hide and show methods support N arguments.
yconsole.filter.hideSource('attribute','widget');</textarea></div>
<p>Alternatively, you can attach the ConsoleFilters plugin after instantiation.  This version also shows how to apply initial category and source filter states.</p>
<div id="syntax-fc079e9363288b22e9b7173d46c89985" class="yui-syntax-highlight"><div class="numbers"><pre class="javascript" style="font-family:monospace;"><ol><li class="li1"><div class="de1"><span class="kw2">var</span> yconsole <span class="sy0">=</span> <span class="kw2">new</span> Y.<span class="me1">Console</span><span class="br0">&#40;</span><span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">    boundingBox<span class="sy0">:</span> <span class="st0">'#console'</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">    height<span class="sy0">:</span> <span class="st0">'400px'</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">    width<span class="sy0">:</span> <span class="st0">'450px'</span><span class="sy0">,</span></div></li><li class="li2"><div class="de2">    newestOnTop<span class="sy0">:</span> <span class="kw2">false</span></div></li><li class="li1"><div class="de1"><span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="me1">plug</span><span class="br0">&#40;</span>Y.<span class="me1">Plugin</span>.<span class="me1">ConsoleFilters</span><span class="sy0">,</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">    category<span class="sy0">:</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">        error<span class="sy0">:</span> <span class="kw2">false</span></div></li><li class="li1"><div class="de1">    <span class="br0">&#125;</span><span class="sy0">,</span></div></li><li class="li2"><div class="de2">    source<span class="sy0">:</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">        attribute<span class="sy0">:</span> <span class="kw2">false</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">        widget<span class="sy0">:</span> <span class="kw2">false</span></div></li><li class="li1"><div class="de1">    <span class="br0">&#125;</span></div></li><li class="li1"><div class="de1"><span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="me1">render</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li2"><div class="de2"><span class="sy0">&lt;/</span>script<span class="sy0">&gt;</span></div></li></ol></pre></div><div class="nonumbers"><pre class="javascript" style="font-family:monospace;"><span class="kw2">var</span> yconsole <span class="sy0">=</span> <span class="kw2">new</span> Y.<span class="me1">Console</span><span class="br0">&#40;</span><span class="br0">&#123;</span>
    boundingBox<span class="sy0">:</span> <span class="st0">'#console'</span><span class="sy0">,</span>
    height<span class="sy0">:</span> <span class="st0">'400px'</span><span class="sy0">,</span>
    width<span class="sy0">:</span> <span class="st0">'450px'</span><span class="sy0">,</span>
    newestOnTop<span class="sy0">:</span> <span class="kw2">false</span>
<span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="me1">plug</span><span class="br0">&#40;</span>Y.<span class="me1">Plugin</span>.<span class="me1">ConsoleFilters</span><span class="sy0">,</span> <span class="br0">&#123;</span>
    category<span class="sy0">:</span> <span class="br0">&#123;</span>
        error<span class="sy0">:</span> <span class="kw2">false</span>
    <span class="br0">&#125;</span><span class="sy0">,</span>
    source<span class="sy0">:</span> <span class="br0">&#123;</span>
        attribute<span class="sy0">:</span> <span class="kw2">false</span><span class="sy0">,</span>
        widget<span class="sy0">:</span> <span class="kw2">false</span>
    <span class="br0">&#125;</span>
<span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="me1">render</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="sy0">&lt;/</span>script<span class="sy0">&gt;</span></pre></div><textarea id="syntax-fc079e9363288b22e9b7173d46c89985-plain">var yconsole = new Y.Console({
    boundingBox: '#console',
    height: '400px',
    width: '450px',
    newestOnTop: false
}).plug(Y.Plugin.ConsoleFilters, {
    category: {
        error: false
    },
    source: {
        attribute: false,
        widget: false
    }
}).render();
</script></textarea></div>
<h3>Full Code Listing</h3>

<h4>Markup</h4>
<div id="syntax-ed467adec9b20389f71fa2f1f354236d" class="yui-syntax-highlight yui-syntax-highlight-linenumbers"><div class="numbers"><pre class="html4strict" style="font-family:monospace;"><ol><li class="li1"><div class="de1"><span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;demo&quot;</span>&gt;</span></div></li><li class="li1"><div class="de1">    <span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;yconsole&quot;</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span></div></li><li class="li1"><div class="de1">    <span class="sc2">&lt;<span class="kw2">button</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;log&quot;</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;button&quot;</span>&gt;</span>Log a message<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">button</span>&gt;</span></div></li><li class="li1"><div class="de1">    <span class="sc2">&lt;<span class="kw2">button</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;toggle_info&quot;</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;button&quot;</span>&gt;</span>Hide info messages<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">button</span>&gt;</span></div></li><li class="li2"><div class="de2"><span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span></div></li></ol></pre></div><div class="nonumbers"><pre class="html4strict" style="font-family:monospace;"><span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;demo&quot;</span>&gt;</span>
    <span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;yconsole&quot;</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
    <span class="sc2">&lt;<span class="kw2">button</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;log&quot;</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;button&quot;</span>&gt;</span>Log a message<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">button</span>&gt;</span>
    <span class="sc2">&lt;<span class="kw2">button</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;toggle_info&quot;</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;button&quot;</span>&gt;</span>Hide info messages<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">button</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span></pre></div><textarea id="syntax-ed467adec9b20389f71fa2f1f354236d-plain"><div id="demo">
    <div id="yconsole"></div>
    <button id="log" type="button">Log a message</button>
    <button id="toggle_info" type="button">Hide info messages</button>
</div></textarea></div>
<h4>JavaScript</h4>
<div id="syntax-d39f6457270a5394e6020ad9dbb054d0" class="yui-syntax-highlight yui-syntax-highlight-linenumbers"><div class="numbers"><pre class="javascript" style="font-family:monospace;"><ol><li class="li1"><div class="de1"><span class="co1">// Create a YUI instance and request the console module and its dependencies</span></div></li><li class="li1"><div class="de1">YUI<span class="br0">&#40;</span><span class="br0">&#123;</span>filter<span class="sy0">:</span><span class="st0">&quot;debug&quot;</span><span class="sy0">,</span> logInclude<span class="sy0">:</span> <span class="br0">&#123;</span>event<span class="sy0">:</span><span class="kw2">true</span><span class="sy0">,</span> attribute<span class="sy0">:</span><span class="kw2">true</span><span class="sy0">,</span> node<span class="sy0">:</span><span class="kw2">true</span><span class="sy0">,</span> base<span class="sy0">:</span><span class="kw2">true</span><span class="sy0">,</span> widget<span class="sy0">:</span><span class="kw2">true</span><span class="sy0">,</span> MyApp<span class="sy0">:</span><span class="kw2">true</span><span class="br0">&#125;</span><span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="kw2">use</span><span class="br0">&#40;</span><span class="st0">&quot;console&quot;</span><span class="sy0">,</span> <span class="st0">&quot;console-filters&quot;</span><span class="sy0">,</span> <span class="kw2">function</span> <span class="br0">&#40;</span>Y<span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li1"><div class="de1"><span class="co1">// create the console instance</span></div></li><li class="li2"><div class="de2"><span class="kw2">var</span> yconsole <span class="sy0">=</span> <span class="kw2">new</span> Y.<span class="me1">Console</span><span class="br0">&#40;</span><span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">    boundingBox<span class="sy0">:</span> <span class="st0">'#yconsole'</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">    height<span class="sy0">:</span> <span class="st0">'400px'</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">    width<span class="sy0">:</span> <span class="st0">'450px'</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">    newestOnTop<span class="sy0">:</span> <span class="kw2">false</span><span class="sy0">,</span></div></li><li class="li2"><div class="de2">    style<span class="sy0">:</span> <span class="st0">'block'</span><span class="sy0">,</span></div></li><li class="li1"><div class="de1">    plugins<span class="sy0">:</span> <span class="br0">&#91;</span> Y.<span class="me1">Plugin</span>.<span class="me1">ConsoleFilters</span> <span class="br0">&#93;</span></div></li><li class="li1"><div class="de1"><span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="me1">render</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li1"><div class="de1"><span class="co1">// unknown categories and sources are allowed.</span></div></li><li class="li2"><div class="de2">yconsole.<span class="me1">filter</span>.<span class="me1">hideCategory</span><span class="br0">&#40;</span><span class="st0">'error'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li1"><div class="de1"><span class="co1">// hide and show methods support N arguments.</span></div></li><li class="li1"><div class="de1">yconsole.<span class="me1">filter</span>.<span class="me1">hideSource</span><span class="br0">&#40;</span><span class="st0">'attribute'</span><span class="sy0">,</span><span class="st0">'widget'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li2"><div class="de2"><span class="coMULTI">/* Alternately</span></div></li><li class="li1"><div class="de1"><span class="coMULTI">var yconsole = new Y.Console({</span></div></li><li class="li1"><div class="de1"><span class="coMULTI">&nbsp;   boundingBox: '#console',</span></div></li><li class="li1"><div class="de1"><span class="coMULTI">&nbsp;   height: '400px',</span></div></li><li class="li1"><div class="de1"><span class="coMULTI">&nbsp;   width: '450px',</span></div></li><li class="li2"><div class="de2"><span class="coMULTI">&nbsp;   style: 'block',</span></div></li><li class="li1"><div class="de1"><span class="coMULTI">&nbsp;   newestOnTop: false</span></div></li><li class="li1"><div class="de1"><span class="coMULTI">}).plug(Y.Plugin.ConsoleFilters, {</span></div></li><li class="li1"><div class="de1"><span class="coMULTI">&nbsp;   category: {</span></div></li><li class="li1"><div class="de1"><span class="coMULTI">&nbsp;       error: false</span></div></li><li class="li2"><div class="de2"><span class="coMULTI">&nbsp;   },</span></div></li><li class="li1"><div class="de1"><span class="coMULTI">&nbsp;   source: {</span></div></li><li class="li1"><div class="de1"><span class="coMULTI">&nbsp;       attribute: false,</span></div></li><li class="li1"><div class="de1"><span class="coMULTI">&nbsp;       widget: false</span></div></li><li class="li1"><div class="de1"><span class="coMULTI">&nbsp;   }</span></div></li><li class="li2"><div class="de2"><span class="coMULTI">}).render();</span></div></li><li class="li1"><div class="de1"><span class="coMULTI">*/</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li1"><div class="de1"><span class="co1">// Broadcast a log message from a button that uses a custom category and source</span></div></li><li class="li1"><div class="de1">Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span> <span class="kw2">function</span> <span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li2"><div class="de2">    Y.<span class="me1">log</span><span class="br0">&#40;</span><span class="st0">'Logging a message to the Console'</span><span class="sy0">,</span><span class="st0">'my_stuff'</span><span class="sy0">,</span><span class="st0">'MyApp'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1"><span class="br0">&#125;</span><span class="sy0">,</span><span class="st0">'#log'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li1"><div class="de1"><span class="co1">// It is also possible to set the filter's subattributes directly</span></div></li><li class="li1"><div class="de1">Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span> <span class="kw2">function</span> <span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span></div></li><li class="li2"><div class="de2">    <span class="kw2">var</span> current <span class="sy0">=</span> yconsole.<span class="me1">filter</span>.<span class="me1">get</span><span class="br0">&#40;</span><span class="st0">'category.info'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li1"><div class="de1">    yconsole.<span class="me1">filter</span>.<span class="me1">set</span><span class="br0">&#40;</span><span class="st0">'category.info'</span><span class="sy0">,</span> <span class="sy0">!</span>current<span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li1"><div class="de1">    <span class="kw1">this</span>.<span class="me1">set</span><span class="br0">&#40;</span><span class="st0">'text'</span><span class="sy0">,</span> <span class="br0">&#40;</span>current <span class="sy0">?</span> <span class="st0">'Show'</span> <span class="sy0">:</span> <span class="st0">'Hide'</span><span class="br0">&#41;</span> <span class="sy0">+</span> <span class="st0">' info messages'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li2"><div class="de2"><span class="br0">&#125;</span><span class="sy0">,</span><span class="st0">'#toggle_info'</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li1"><div class="de1"><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span></div></li></ol></pre></div><div class="nonumbers"><pre class="javascript" style="font-family:monospace;"><span class="co1">// Create a YUI instance and request the console module and its dependencies</span>
YUI<span class="br0">&#40;</span><span class="br0">&#123;</span>filter<span class="sy0">:</span><span class="st0">&quot;debug&quot;</span><span class="sy0">,</span> logInclude<span class="sy0">:</span> <span class="br0">&#123;</span>event<span class="sy0">:</span><span class="kw2">true</span><span class="sy0">,</span> attribute<span class="sy0">:</span><span class="kw2">true</span><span class="sy0">,</span> node<span class="sy0">:</span><span class="kw2">true</span><span class="sy0">,</span> base<span class="sy0">:</span><span class="kw2">true</span><span class="sy0">,</span> widget<span class="sy0">:</span><span class="kw2">true</span><span class="sy0">,</span> MyApp<span class="sy0">:</span><span class="kw2">true</span><span class="br0">&#125;</span><span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="kw2">use</span><span class="br0">&#40;</span><span class="st0">&quot;console&quot;</span><span class="sy0">,</span> <span class="st0">&quot;console-filters&quot;</span><span class="sy0">,</span> <span class="kw2">function</span> <span class="br0">&#40;</span>Y<span class="br0">&#41;</span> <span class="br0">&#123;</span>
&nbsp;
<span class="co1">// create the console instance</span>
<span class="kw2">var</span> yconsole <span class="sy0">=</span> <span class="kw2">new</span> Y.<span class="me1">Console</span><span class="br0">&#40;</span><span class="br0">&#123;</span>
    boundingBox<span class="sy0">:</span> <span class="st0">'#yconsole'</span><span class="sy0">,</span>
    height<span class="sy0">:</span> <span class="st0">'400px'</span><span class="sy0">,</span>
    width<span class="sy0">:</span> <span class="st0">'450px'</span><span class="sy0">,</span>
    newestOnTop<span class="sy0">:</span> <span class="kw2">false</span><span class="sy0">,</span>
    style<span class="sy0">:</span> <span class="st0">'block'</span><span class="sy0">,</span>
    plugins<span class="sy0">:</span> <span class="br0">&#91;</span> Y.<span class="me1">Plugin</span>.<span class="me1">ConsoleFilters</span> <span class="br0">&#93;</span>
<span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="me1">render</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp;
<span class="co1">// unknown categories and sources are allowed.</span>
yconsole.<span class="me1">filter</span>.<span class="me1">hideCategory</span><span class="br0">&#40;</span><span class="st0">'error'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp;
<span class="co1">// hide and show methods support N arguments.</span>
yconsole.<span class="me1">filter</span>.<span class="me1">hideSource</span><span class="br0">&#40;</span><span class="st0">'attribute'</span><span class="sy0">,</span><span class="st0">'widget'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp;
<span class="coMULTI">/* Alternately
var yconsole = new Y.Console({
    boundingBox: '#console',
    height: '400px',
    width: '450px',
    style: 'block',
    newestOnTop: false
}).plug(Y.Plugin.ConsoleFilters, {
    category: {
        error: false
    },
    source: {
        attribute: false,
        widget: false
    }
}).render();
*/</span>
&nbsp;
<span class="co1">// Broadcast a log message from a button that uses a custom category and source</span>
Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span> <span class="kw2">function</span> <span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
    Y.<span class="me1">log</span><span class="br0">&#40;</span><span class="st0">'Logging a message to the Console'</span><span class="sy0">,</span><span class="st0">'my_stuff'</span><span class="sy0">,</span><span class="st0">'MyApp'</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="br0">&#125;</span><span class="sy0">,</span><span class="st0">'#log'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp;
<span class="co1">// It is also possible to set the filter's subattributes directly</span>
Y.<span class="me1">on</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span> <span class="kw2">function</span> <span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
    <span class="kw2">var</span> current <span class="sy0">=</span> yconsole.<span class="me1">filter</span>.<span class="me1">get</span><span class="br0">&#40;</span><span class="st0">'category.info'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp;
    yconsole.<span class="me1">filter</span>.<span class="me1">set</span><span class="br0">&#40;</span><span class="st0">'category.info'</span><span class="sy0">,</span> <span class="sy0">!</span>current<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp;
    <span class="kw1">this</span>.<span class="me1">set</span><span class="br0">&#40;</span><span class="st0">'text'</span><span class="sy0">,</span> <span class="br0">&#40;</span>current <span class="sy0">?</span> <span class="st0">'Show'</span> <span class="sy0">:</span> <span class="st0">'Hide'</span><span class="br0">&#41;</span> <span class="sy0">+</span> <span class="st0">' info messages'</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="br0">&#125;</span><span class="sy0">,</span><span class="st0">'#toggle_info'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp;
<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span></pre></div><textarea id="syntax-d39f6457270a5394e6020ad9dbb054d0-plain">// Create a YUI instance and request the console module and its dependencies
YUI({filter:"debug", logInclude: {event:true, attribute:true, node:true, base:true, widget:true, MyApp:true}}).use("console", "console-filters", function (Y) {

// create the console instance
var yconsole = new Y.Console({
    boundingBox: '#yconsole',
    height: '400px',
    width: '450px',
    newestOnTop: false,
    style: 'block',
    plugins: [ Y.Plugin.ConsoleFilters ]
}).render();

// unknown categories and sources are allowed.
yconsole.filter.hideCategory('error');

// hide and show methods support N arguments.
yconsole.filter.hideSource('attribute','widget');

/* Alternately
var yconsole = new Y.Console({
    boundingBox: '#console',
    height: '400px',
    width: '450px',
    style: 'block',
    newestOnTop: false
}).plug(Y.Plugin.ConsoleFilters, {
    category: {
        error: false
    },
    source: {
        attribute: false,
        widget: false
    }
}).render();
*/

// Broadcast a log message from a button that uses a custom category and source
Y.on('click', function () {
    Y.log('Logging a message to the Console','my_stuff','MyApp');
},'#log');

// It is also possible to set the filter's subattributes directly
Y.on('click', function () {
    var current = yconsole.filter.get('category.info');

    yconsole.filter.set('category.info', !current);

    this.set('text', (current ? 'Show' : 'Hide') + ' info messages');
},'#toggle_info');

});</textarea></div>
<h4>CSS</h4>
<div id="syntax-85478fa350b640b9f8d5f8c1c608b796" class="yui-syntax-highlight yui-syntax-highlight-linenumbers"><div class="numbers"><pre class="css" style="font-family:monospace;"><ol><li class="li1"><div class="de1"><span class="re0">#console</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">    <span class="kw1">margin</span><span class="sy0">:</span> <span class="nu0">0</span> <span class="kw2">auto</span> <span class="re3">1em</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1"><span class="br0">&#125;</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li2"><div class="de2">// To override some styles applied by the YDN chrome</div></li><li class="li1"><div class="de1"><span class="re0">#demo</span> <span class="re1">.yui3-console</span> <span class="re1">.yui3-console-title</span> <span class="br0">&#123;</span></div></li><li class="li1"><div class="de1">    <span class="kw1">border</span><span class="sy0">:</span> <span class="nu0">0</span> <span class="kw2">none</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">    <span class="kw1">color</span><span class="sy0">:</span> <span class="re0">#000</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">    <span class="kw1">font-size</span><span class="sy0">:</span> <span class="re3">13px</span><span class="sy0">;</span></div></li><li class="li2"><div class="de2">    <span class="kw1">font-weight</span><span class="sy0">:</span> <span class="kw2">bold</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">    <span class="kw1">margin</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1">    <span class="kw1">text-transform</span><span class="sy0">:</span> <span class="kw2">none</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1"><span class="br0">&#125;</span></div></li><li class="li1"><div class="de1"><span class="re0">#demo</span> <span class="re1">.yui3-console</span> <span class="re1">.yui3-console-entry-meta</span> <span class="br0">&#123;</span></div></li><li class="li2"><div class="de2">    <span class="kw1">margin</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span></div></li><li class="li1"><div class="de1"><span class="br0">&#125;</span></div></li></ol></pre></div><div class="nonumbers"><pre class="css" style="font-family:monospace;"><span class="re0">#console</span> <span class="br0">&#123;</span>
    <span class="kw1">margin</span><span class="sy0">:</span> <span class="nu0">0</span> <span class="kw2">auto</span> <span class="re3">1em</span><span class="sy0">;</span>
<span class="br0">&#125;</span>
&nbsp;
// To override some styles applied by the YDN chrome
<span class="re0">#demo</span> <span class="re1">.yui3-console</span> <span class="re1">.yui3-console-title</span> <span class="br0">&#123;</span>
    <span class="kw1">border</span><span class="sy0">:</span> <span class="nu0">0</span> <span class="kw2">none</span><span class="sy0">;</span>
    <span class="kw1">color</span><span class="sy0">:</span> <span class="re0">#000</span><span class="sy0">;</span>
    <span class="kw1">font-size</span><span class="sy0">:</span> <span class="re3">13px</span><span class="sy0">;</span>
    <span class="kw1">font-weight</span><span class="sy0">:</span> <span class="kw2">bold</span><span class="sy0">;</span>
    <span class="kw1">margin</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span>
    <span class="kw1">text-transform</span><span class="sy0">:</span> <span class="kw2">none</span><span class="sy0">;</span>
<span class="br0">&#125;</span>
<span class="re0">#demo</span> <span class="re1">.yui3-console</span> <span class="re1">.yui3-console-entry-meta</span> <span class="br0">&#123;</span>
    <span class="kw1">margin</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span>
<span class="br0">&#125;</span></pre></div><textarea id="syntax-85478fa350b640b9f8d5f8c1c608b796-plain">#console {
    margin: 0 auto 1em;
}

// To override some styles applied by the YDN chrome
#demo .yui3-console .yui3-console-title {
    border: 0 none;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    text-transform: none;
}
#demo .yui3-console .yui3-console-entry-meta {
    margin: 0;
}</textarea></div>				</div>
				<div class="yui-u sidebar">
					
				
					<div id="examples" class="mod box4">
                        <div class="hd">
						<h4>
    Plugin.ConsoleFilters Examples:</h4>
                        </div>
						<div class="bd">
							<ul>
								<li class='selected'><a href='../console-filters/console-filters_intro.html'>Using the ConsoleFilters plugin</a></li><li><a href='../console/console_basic.html'>Creating a Console for debugging (included with examples for Console)</a></li>							</ul>
						</div>
					</div>
					
					<div class="mod box4">
                        <div class="hd">
						<h4>More Plugin.ConsoleFilters Resources:</h4>
                        </div>
                        <div class="bd">
						<ul>
							<!-- <li><a href="http://developer.yahoo.com/yui/console-filters/">User's Guide</a> (external)</li> -->
<li><a href="../../api/module_console-filters.html">API Documentation</a></li></ul>
                        </div>
					</div>
			  </div>
		</div>
		
		</div>
	</div>


<div class="yui-b toc3" id="tocWrapper">
<!-- TABLE OF CONTENTS -->
<div id="toc">
	
<ul>
<li class="sect first">YUI 3 Resources</li><li class="item"><a title="YUI 3 -- Yahoo! User Interface (YUI) Library" href="http://developer.yahoo.com/yui/3/">YUI 3 Web Site</a></li><li class="item"><a title="Examples of every YUI utility and control in action" href="../../examples/">YUI 3 Examples</a></li><li class="item"><a title="Instantly searchable API documentation for the entire YUI library." href="../../api/">YUI 3 API Docs</a></li><li class="item"><a title="YUI 3 Dependency Configurator -- configure your custom YUI implementation" href="http://developer.yahoo.com/yui/3/configurator/index.html">YUI 3 Dependency Configurator</a></li><li class="item"><a title="The YUI 3 Forum on YUILibrary.com" href="http://yuilibrary.com/forum/viewforum.php?f=15">YUI 3 Forums (external)</a></li><li class="item"><a title="Found a bug or a missing feature? Let us know on YUILibrary.com." href="http://developer.yahoo.com/yui/articles/reportingbugs/">Bug Reports/Feature Requests</a></li><li class="item"><a title="YUI is free and open, offered under a BSD license." href="http://developer.yahoo.com/yui/license.html">YUI License</a></li><li class="item"><a title="Download and fork the YUI project on GitHub" href="http://github.com/yui">YUI on Github</a></li><li class="item"><a title="The Yahoo! User Interface Blog" href="http://yuiblog.com">YUI Blog (external)</a></li><li class="sect">YUI 3 Core - Examples</li><li class="item"><a title="YUI Global Object - Functional Examples" href="../../examples/yui/index.html">YUI Global Object</a></li><li class="item"><a title="Event - Functional Examples" href="../../examples/event/index.html">Event</a></li><li class="item"><a title="Node - Functional Examples" href="../../examples/node/index.html">Node</a></li><li class="sect">YUI 3 Component Infrastructure - Examples</li><li class="item"><a title="Attribute - Functional Examples" href="../../examples/attribute/index.html">Attribute</a></li><li class="item"><a title="Plugin - Functional Examples" href="../../examples/plugin/index.html">Plugin</a></li><li class="item"><a title="Widget - Functional Examples" href="../../examples/widget/index.html">Widget</a></li><li class="sect">YUI 3 Utilities - Examples</li><li class="item"><a title="Animation - Functional Examples" href="../../examples/anim/index.html">Animation</a></li><li class="item"><a title="AsyncQueue - Functional Examples" href="../../examples/async-queue/index.html">AsyncQueue</a></li><li class="item"><a title="Browser History - Functional Examples" href="../../examples/history/index.html">Browser History</a></li><li class="item"><a title="Cache - Functional Examples" href="../../examples/cache/index.html">Cache</a></li><li class="item"><a title="Cookie - Functional Examples" href="../../examples/cookie/index.html">Cookie</a></li><li class="item"><a title="DataSchema - Functional Examples" href="../../examples/dataschema/index.html">DataSchema <img alt='beta' src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="DataSource - Functional Examples" href="../../examples/datasource/index.html">DataSource <img alt='beta' src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="DataType - Functional Examples" href="../../examples/datatype/index.html">DataType <img alt='beta' src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="Drag &amp; Drop - Functional Examples" href="../../examples/dd/index.html">Drag &amp; Drop</a></li><li class="item"><a title="Get - Functional Examples" href="../../examples/get/index.html">Get</a></li><li class="item"><a title="ImageLoader - Functional Examples" href="../../examples/imageloader/index.html">ImageLoader</a></li><li class="item"><a title="Internationalization - Functional Examples" href="../../examples/intl/index.html">Internationalization <img alt='beta' src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="IO - Functional Examples" href="../../examples/io/index.html">IO</a></li><li class="item"><a title="JSON (JavaScript Object Notation) - Functional Examples" href="../../examples/json/index.html">JSON</a></li><li class="item"><a title="Stylesheet - Functional Examples" href="../../examples/stylesheet/index.html">Stylesheet</a></li><li class="sect">YUI 3 Widgets - Examples</li><li class="item"><a title="Overlay - Functional Examples" href="../../examples/overlay/index.html">Overlay <img alt='beta' src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="Slider - Functional Examples" href="../../examples/slider/index.html">Slider <img alt='beta' src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="Tabview - Functional Examples" href="../../examples/tabview/index.html">Tabview <img alt='beta' src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="sect">YUI 3 Node Plugins - Examples</li><li class="item"><a title="FocusManager Node Plugin - Functional Examples" href="../../examples/node-focusmanager/index.html">FocusManager Node Plugin <img alt='beta' src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="MenuNav Node Plugin - Functional Examples" href="../../examples/node-menunav/index.html">MenuNav Node Plugin <img alt='beta' src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="sect">YUI 3 CSS - Examples</li><li class="item"><a title="YUI CSS Reset - Functional Examples" href="../../examples/cssreset/index.html">CSS Reset</a></li><li class="item"><a title="YUI Fonts - Functional Examples" href="../../examples/cssfonts/index.html">CSS Fonts</a></li><li class="item"><a title="YUI Base - Functional Examples" href="../../examples/cssbase/index.html">CSS Base</a></li><li class="sect">YUI 3 Developer Tools - Examples</li><li class="item"><a title="Console - Functional Examples" href="../../examples/console/index.html">Console <img alt='beta' src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="selected "><a title="Console Filters Plugin- Functional Examples" href="../../examples/console-filters/index.html">Plugin.ConsoleFilters <img alt='beta' src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="Profiler - Functional Examples" href="../../examples/profiler/index.html">Profiler</a></li><li class="item"><a title="Test - Functional Examples" href="../../examples/test/index.html">Test</a></li><li class="sect">Other Useful YUI 3 Resources</li><li class="item"><a title="Answers to Frequently Asked Questions about the YUI Library" href="http://developer.yahoo.com/yui/articles/faq/">YUI FAQ (external)</a></li><li class="item"><a title="Yahoo!'s philosophy of Graded Browser Support" href="http://developer.yahoo.com/yui/articles/gbs/">Graded Browser Support (external)</a></li><li class="item"><a title="Videos and podcasts from the YUI Team and from the Yahoo! frontend engineering community." href="http://developer.yahoo.com/yui/theater/">YUI Theater (external)</a></li></ul>
</div>
</div>
	</div><!--closes bd-->

	<div id="ft">
        <p class="first">Copyright &copy; 2010 Yahoo! Inc. All rights reserved.</p>
        <p><a href="http://privacy.yahoo.com/privacy/us/devel/index.html">Privacy Policy</a> - 
            <a href="http://docs.yahoo.com/info/terms/">Terms of Service</a> - 
            <a href="http://docs.yahoo.com/info/copyright/copyright.html">Copyright Policy</a> - 
            <a href="http://careers.yahoo.com/">Job Openings</a></p>
	</div>
</div>
<script language="javascript"> 
var yuiConfig = {filter:"debug", logInclude: {event:true, attribute:true, node:true, base:true, widget:true, MyApp:true}};
</script>
<script src="../../assets/syntax.js"></script>
<script src="../../assets/dpSyntaxHighlighter.js"></script>
<script language="javascript"> 
dp.SyntaxHighlighter.HighlightAll('code'); 
</script>
</body>
</html>
